// Vue组件的结构目录
<template>
  <div id="app">
    <v-header></v-header>
    <tab></tab>
    <div class="content-main">
      <div class="content-box">
        <router-view></router-view>
      </div>
    </div>
    <v-footer></v-footer>
  </div>
</template>

<script>
import header from './components/header/header';
import tab from './components/header/tap';
import footer from './components/header/footer';
import router from './router/index';

export default {
  components: {
    'v-header': header,
    'v-footer': footer,
    tab: tab,
    router
  }
};
</script>

<style lang="scss">
  .content-main{
    width: 100%;
    margin: 20px 0;

    .content-box{
      width: 1200px;
      margin: 0 auto;
    }
  }
</style>
